@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 0.9rem;  color: #000;}
h1,h2,h3,h4,h5,h6 { color:#000;  font-weight: bold;}

body { font-size:0.9rem;  color:#000; word-wrap:break-word; overflow:hidden;background: #eaeaea;}
a {text-decoration:none; color:#000;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#0073d3; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1420px; padding:0 10px;height:auto; margin: 0 auto;   }
.wrap2 { max-width:1600px; padding:0 10px;height:auto; margin: 0 auto;   }

@media screen and (max-width: 1600px) {
.wrap{ max-width:1380px; }
.wrap2{max-width:1440px;}
}

@media screen and (max-width: 1440px) {
.wrap{ max-width:1260px; }
.wrap2{max-width:1320px;}
}
@media screen and (max-width: 1280px) {

.wrap{ max-width:1120px; }
.wrap2{max-width:1280px;}}

@media screen and (max-width: 1024px) {

.wrap { max-width:920px; }
.wrap2{ max-width:980px; }
}

.fl { float:left;}
.fr { float:right;}
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.block {
    display: block;
}

@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}


/*焦点图*/

.banner_mid{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff;}

@media screen and (max-width: 1380px){

.banner_mid .ban{max-width:50%}

}

@media screen and (max-width: 600px){

.banner_mid .ban{max-width:80%}

}

.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:5em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:5px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:5px; background-color:#0073d3;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:left;}
.banner_footer{position:absolute; left:0; bottom:5%; width:100%; z-index:10;}
@media screen and (max-width: 640px){
.indexbanner .swiper-pagination-bullet{width:3em;}


}
/*关于我们*/
.title{position: relative;}
.title b{font-size:1.6rem;}
.title span {display: inline-block;position: absolute;}
.title .s1{  left: -12px;animation: ud 1s linear alternate infinite; -webkit-animation: ud 1s linear alternate infinite;-moz-animation: ud 1s linear alternate infinite;}
.title .s2{animation: up 1s linear alternate infinite; -webkit-animation: up 1s linear alternate infinite;-moz-animation: up 1s linear alternate infinite; }
@keyframes ud {
    0% {bottom: 10px;}
    100% {bottom: 0px;}
}
@keyframes up {
    0% {bottom: 25px;}
    100% {bottom:15px;}
}

@media screen and (max-width: 1024px) {
.title b{font-size:1.4rem;}

}


@media screen and (max-width: 600px) {
.title b{font-size:1.1rem;}

}




.inddex01{width:100%;position:relative;}
.inddex01 .left{width:50%;float:left;background:#fff;min-height:45em}
.inddex01 .left .ab{width: 29%;background: #eaeaea;float: right;overflow: hidden;padding: 13% 0;text-align: center;}
.inddex01 .left .ab h1{font-family:"1";position:relative;color:#888888;font-size:1.3rem;}
.inddex01 .left .ab h1:before{width:1px;height:8px;content:"";position:absolute;background:#888888;top:-50%;left:50%;}
.inddex01 .left .ab h1:after{width:1px;height:8px;content:"";position:absolute;background:#888888;bottom:-50%;left:50%;}

.inddex01 .left .ab2{padding:0 8% 4% 6%}
.inddex01 .left .ab2 .con{margin-top:5%;overflow:hidden;}
.inddex01 .left .ab2 .con h3{font-size:1rem;margin-bottom:5%;}
.inddex01 .left .ab2 .con p{line-height:1.9em;color:#888888;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.inddex01 .left .ab2 .con .more{margin-top:10%}
.inddex01 .left .ab2 .con .more a{display:inline-block;}
.inddex01 .left .ab2 .con .more a:hover{ transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);}

.inddex01 .right{width:50%;float:right;transform:translateY(-18%);-webkit-transform: translateY(-15%);-moz-transform:translateY(-18%);-o-transform:translateY(-18%);min-height:44.5em;}

.inddex01 .right .c1{overflow:hidden;padding:5% 6% 3% 6%;background: #fff;}
.inddex01 .right .cont{margin-bottom:5%;}
.inddex01 .right .cont h1{font-family:"1";font-size:2.5rem;}
.inddex01 .right .cont p{line-height:1.8em;color: #888888;margin:4% 0; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.inddex01 .right .more{border-top:1px solid #eaeaea;padding-top:5%}
.inddex01 .right .more a{display:inline-block;float:right}
.inddex01 .right .more a:hover{ transform: translateX(-10px);}


.inddex01 .right .view{position:relative;}
.inddex01 .right .view .title{position:absolute;top:5%;left:5%;}
.inddex01 .right .title span{color:#fff}
.inddex01 .right .title b{color:#fff;font-size:1.6rem;}

.inddex01 .right .view .pic{display:none}
@media screen and (max-width: 1600px) {
.inddex01 .left{min-height:44em;}
}
@media screen and (max-width: 1440px) {
.inddex01 .left{min-height:41em;}

}

@media screen and (max-width: 1280px) {
.inddex01 .left .ab2 .con p{-webkit-line-clamp: 5;}
.inddex01 .left{min-height:37em;}

}

@media screen and (max-width:1130px) {

body{background:#fff;}
.inddex01 .right .title b{font-size:1.4rem;}
.inddex01 .left{min-height:33em;}
.inddex01 .right{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);}
.inddex01 .right , .inddex01 .left{min-height:auto;}
.inddex01 .about {margin: 0 0 3% 0; overflow: hidden;}
.inddex01 .right .cont h1{font-size:2rem;}
}


@media screen and (max-width:600px) {
body{background:#eaeaea;}
.inddex01 .left , .inddex01 .right{width:100%;}
.inddex01 .left .ab{background: #e2e2e2;}
.inddex01 .left .ab2 .con h3{    margin-bottom: 2%;}
.inddex01 .right .cont h1{font-size:1.5rem;}
.inddex01 .right .title b{font-size:1.1rem;}
}









/*产品分类*/
.index02{width:100%;overflow:hidden;background:url(../images/index28.jpg) no-repeat top center;background-size:cover;background-attachment: fixed;position:relative;z-index: 3;}
.index02 .fd{background:url(../images/index29.png);position:absolute;bottom:0;width:100%;z-index: -1;height: 15%;}
.tabs li{overflow:hidden;width:20%;float:left;}
.tabs li a{display:block;height:100%;cursor:pointer;}

.tabs a .f1{text-align:center;padding: 6% 0;transform: translateY(275%);-webkit-transform: translateY(275%);-moz-transform: translateY(275%);-o-transform: translateY(275%);transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.tabs a .f1 h2{margin:3% 0 0 0;font-size:1rem;color:#fff;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.tabs a .f2{background:#0073d3;text-align:center;transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;transform: translateY(100%);
-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-o-transform: translateY(100%);}
.tabs a .f2 .ps{transform: translateY(-20%);-webkit-transform: translateY(-20%);-moz-transform: translateY(-20%);-o-transform: translateY(-20%);}
.tabs a .f2 .ps img{display:inline-block;}
.tabs a .f2 .ps h3{color:#fff;margin:5% 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.tabs a:hover .f2 , .tabs li.active .f2{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}
.tabs a:hover .f1 , .tabs li.active .f1 {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);opacity: 0;filter:alpha(opacity=0);}
.index02 .fens{padding:7% 0 5%;}
.fens a{display:inline-block;}

.fens a .ft b{color:#fff;font-size:2rem;}
.fens a .ft span{color:#fff;font-size:1rem;display: inline-block;margin:0 0.5%;}
.fens a .ft .s1 { transform: translateY(-30px);-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-o-transform: translateY(-30px);transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;}
.fens a .ft .s2 { transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;}
.fens a p{color:#fff;margin:5% 0;}
.fens a small{font-size:1rem;color:#fff;margin-right:2%;}
.fens a:hover .ft .s1{transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);}
.fens a:hover .ft .s2{ transform: translateY(-30px);-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-o-transform: translateY(-30px);}

@media screen and (max-width: 1280px) {
.tabs a .f1 {    padding: 4% 0;}

}

@media screen and (max-width: 1024px) {
.fens a .ft b{font-size:1.6rem;}
.tabs a .f1 h2{font-size:0.8rem;}
.tabs a .f1 .pic img{width:25%;}
.tabs a .f2 .ps .p1{width:25%;}
}
@media screen and (max-width: 690px) {

.fens a .ft b{font-size:1.3em;}
.tabs a .f1 h2 , .tabs a .f2 .ps h3{display:none;}
.fens a .ft .s1 , .fens a:hover .ft .s2{transform: translateY(-15px);-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);-o-transform: translateY(-15px);}
}
@media screen and (max-width: 500px) {

.fens a .ft b{font-size:1rem;}
.fens a p , .fens a small{font-size:0.7rem;margin:3% 0;}
}
/*产品*/

.index03{width:100%;background:#eaeaea;overflow:hidden;padding:3% 0 0 0;}
.pro_tt{position:relative;}
.pro_tt .more {position: absolute; top: 24%;right: 0; z-index: 3;}
.pro_tt .more a{display:inline-block;}

.tits{margin-bottom:2%;}
.tits p{color:#888888;margin-top:2%;}
.tits b{position:relative;}
.tits b:after{content:"";position:absolute;width:25px;height:1px;background:#000;bottom:-30%;left:0}

.pro_c{transform: translateY(-90px);-webkit-transform: translateY(-90px);-moz-transform: translateY(-90px);-o-transform: translateY(-90px);}
.pro_c .swiper-container3{padding-top:7%}
.pro_c a {display: block;}
.pro_c a .pic{overflow:hidden;}
.pro_c a .pic img{display:inline-block;height:100%;width:100%;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}

.pro_c a:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);}
.pro_c .tt{position:absolute;padding:4% 6%;bottom:0;    width: 100%;}
.pro_c .tt .t1{transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;} 

.pro_c .tt .t1 img{display:inline-block;float:right;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);}

.pro_c .tt .t2{transform: translateY(20px);-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-o-transform: translateY(20px);opacity: 0;filter:alpha(opacity=0);transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.pro_c .tt .t2 img{transform: translateX(10px);-webkit-ransform: translateX(10px);-moz-ransform: translateX(10px);-o-ransform: translateX(10px);}
.pro_c a:hover .tt .t2{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);opacity: 1;filter:alpha(opacity=100);}
.pro_c a:hover .tt .t1{transform: translateY(-20px);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-o-transform: translateY(-20px);}
.pro_c a:hover .tt .t1 img{display:none}
.pro_c a:hover .tt .t1 span , .pro_c a .tt .t2 span{color:#0073d3}
.pro_c .swiper-button-next , .pro_c .swiper-button-prev{ position: absolute; top: 0; width: 55px; height: 56px; z-index: 10;cursor: pointer; background-size: 100%; background-position: center;background-repeat: no-repeat;}
.pro_c .swiper-button-next { background-image: url(../images/index11.png); right: 70px;}
.pro_c .swiper-button-prev{background-image: url(../images/index10.png); right:140px;}

@media screen and (max-width: 1440px) {
.pro_tt .more {top:17%}
}

@media screen and (max-width: 1280px) {

.pro_c .swiper-container3{padding-top:10%;}
.pro_tt .more {top:10%}

}

@media screen and (max-width: 1024px) {
.pro_c .tt .t1 span{font-size:1rem;}
.pro_tt .more {top:-8%}
}

@media screen and (max-width: 800px) {
.index03{padding:4% 0;}
.pro_c{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
.pro_c .swiper-container3{padding-top:0;}
.pro_c .swiper-button-next, .pro_c .swiper-button-prev{top:50%;width:30px;height:31px;}
.pro_c .swiper-button-next{right:10px;}
.pro_c .swiper-button-prev{left:10px;}

}

@media screen and (max-width: 650px) {

.pro_tt .more{width:40px;height:40px}
.tits p{margin-top:3%}

}



/*红播优势*/
.index04{width:100%;overflow:hidden;background:url(../images/index14.jpg) no-repeat top center;background-size:cover;background-attachment: fixed;padding:4% 0;}
.index04 .advatage{position:relative;}
.adv span , .adv b{color:#fff;}
.adv .tits{text-align:center}
.adv .title .s1{left:auto;transform: translateX(-15px);-webkit-transform: translateX(-15px);-moz-transform: translateX(-15px);-o-transform: translateX(-15px);}

.adv  .tits b:after{    background: #fff;left:40%}
.adv  .tits p{color:#fff;}

.adv_c{overflow:hidden;    width: 81.5%;margin: 0 auto;    position: relative;padding: 0 0 19% 0;}
.adv_c li{width:16.66%;float:left;background:url(../images/index31.png) no-repeat top center;background-size:100%;padding:10% 0;position:relative;}
.adv_c li:nth-child(1) , .adv_c li:nth-child(5){padding:0;cursor:pointer;}
.adv_c li:nth-child(3){padding: 0;top: 32%;left: 25%;position: absolute;cursor:pointer;}
.adv_c li:nth-child(7){padding: 0;top: 32%;right: 8.4%;position: absolute;cursor:pointer;}
	
	
.adv_c li .des{position:absolute;top:40%;left:0;text-align: center;}
.adv_c li .des h2{color:#fff;font-size:2.3rem;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.adv_c li .des p{color:#fff;font-size:1rem;margin-top:55%;line-height:1.8em;}

.adv_c li .des2{position:absolute;top:0;left:0;opacity: 0;filter:alpha(opacity=0);transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.adv_c li .des2 .pics{position:relative;}
.adv_c li .des2 .pics img{display:inline-block;}
.adv_c li .des2 .pics .p2{position:absolute;    top: 30%; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.adv_c li:hover .des2{opacity: 1;filter:alpha(opacity=100);}
.adv_c li:hover .des h2{opacity: 0;filter:alpha(opacity=0);}

@media screen and (max-width: 1100px) {
.adv_c li .des p{    font-size: 0.8rem;    line-height: 1.6em;margin-top:46%;}
.adv_c li .des h2{font-size:2rem;}

.adv_c li .des2 .pics .p2{width:50%;}
}


@media screen and (max-width: 890px) {
.adv_c{width:100%;margin: 5% 0 0;padding:0 0 10% 0;}
.adv_c li:nth-child(3){position:relative;left:0;top:0;}
.adv_c li:nth-child(7){position:relative;right:0;top:0;}
.adv_c li{background:none;}
.adv_c li:nth-child(2) , .adv_c li:nth-child(4) , .adv_c li:nth-child(6), .adv_c li:nth-child(8){display:none;}
.adv_c li:nth-child(1) , .adv_c li:nth-child(3) , .adv_c li:nth-child(5) , .adv_c li:nth-child(7){    width: 20%;margin: 0 2.5%;}
}
@media screen and (max-width: 600px) {
.adv_c li .des h2 {font-size: 1.8rem;}
.adv_c li:nth-child(1) , .adv_c li:nth-child(3) , .adv_c li:nth-child(5) , .adv_c li:nth-child(7){    width: 45%;margin:0 2.5% 15% 2.5%;}
}

/*新闻资讯*/
.index05{width:100%;background:#fff;position:relative;}
.index05 .new{padding:6% 0 4% 0;overflow:hidden;}
.new .tits{position:relative;border-bottom:1px solid #c8c8c8;padding-bottom:3%;}
.new .tits h1{color:#f5f6fc;position: absolute;    bottom: 20%;font-size: 6rem;}
.new .tits p{margin-top:4%;}
.index05 .new .left{width:50%;float:left;padding-left: 15px;}
.index05 .new_c li{width:100%;overflow:hidden;border-bottom:1px solid #c8c8c8;padding-bottom:3%;margin-top:4%;}
.index05 .new_c .date{margin-bottom:1%;color:#888888}

.index05 .new_c .tit span{color:#888888;display:inline-block;}
.index05 .new_c .tit .t2{float:right;background:url(../images/index17.png) no-repeat right center;    padding-right: 2em;}

.index05 .new_c a:hover span{color:#0073d3}
.index05 .new_c a:hover  .tit .t2{background:url(../images/index16.png) no-repeat right center;}

.index05 .right{width:38%;float:right;position:relative;}
.index05 .right .logos {overflow: hidden;border: 1px solid #959595; background: #fff; width: 100%;text-align: center;border-radius: 100%; min-height: 530px;}

.index05 .right .logos .pic{width:250px;height:250px;background:#fff;border-radius:100%;box-shadow:0 0 15px #d8d8d8;-webkit-box-shadow:0 0 15px #d8d8d8;-moz-box-shadow:0 0 15px #d8d8d8;-o-box-shadow:0 0 15px #d8d8d8;
text-align: center;position:absolute;top:25%;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.index05 .right .logos img{display:inline-block;}
.index05 .right .rr a{display:block; width: 120px;height: 120px;border-radius: 100%;line-height: 120px;text-align: center;position:relative;}
.index05 .right .rr a:hover{box-shadow: 0 0 15px #4da2e9;-moz-box-shadow: 0 0 15px #4da2e9;-webkit-box-shadow: 0 0 15px #4da2e9;-o-box-shadow: 0 0 10px #4da2e9;}

.index05 .right .r2 a img{margin-top:15%;position:absolute;left: 40%;display: inline-block;animation: myfirst1 3s 0s infinite;animation-direction: alternate;animation-timing-function: linear;}
@keyframes myfirst1
{
    0%{transform:rotateY(0deg);}
    100% {transform:rotateY(360deg);}
}
.index05 .right .rr p{color:#fff}
.index05 .right .r1{position:absolute;top:0;left:5%;}
.index05 .right .r2{position:absolute;top: 40%;left: -10%;}
.index05 .right .r3{position:absolute;bottom:0;left:10%;}

.index05 .right .r1 a{  background: #4da2e9;}
.index05 .right .r2 a{ background: #0073d3;}
.index05 .right .r3 a{ background: #053c6b;}

.index05 .up { background: url(../images/index32.png) no-repeat; cursor: pointer; position:absolute; bottom: -3%; right:15%; width: 50px; height: 49px; z-index: 333;background-size: 100%;}

@media screen and (max-width: 1440px) {

.index05 .right .logos{min-height:470px;}

}

@media screen and (max-width: 1280px) {

.index05 .new_c .tit .t1{overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.index05 .right .logos{min-height:420px;}
.index05 .right .logos .pic{top:20%;}
.index05 .right .rr a{width:100px;height:100px;line-height: 100px;}
.index05 .up{right:2%;}	
}

@media screen and (max-width: 1024px) {
.new .tits h1{bottom: 40%;font-size: 4rem;}
.index05 .right .logos{border:none;}
.index05 .right .r2{left:-20%;}

}

@media screen and (max-width: 890px) {
.new .tits h1{bottom: 40%;font-size: 3rem;}
.index05 .right .rr a{width:90px;height:90px;line-height:90px;}

}


@media screen and (max-width: 750px) {
.index05 .right .r2{top:30%;}
.index05 .right .r3{    bottom: 10%;}
}
@media screen and (max-width: 700px) {
.new .tits h1{bottom: 50%;font-size: 2.5rem;}
.index05 .new .left , .index05 .right{width:100%;}
.index05 .right{margin:3% 0 2% 0;}
.index05 .right .logos{display:none;}
.index05 .right .rr{width:33.33%;float:left;}
.index05 .right , .index05 .right .r1 , .index05 .right .r2 , .index05 .right .r3{position:inherit}
.index05 .right .r2{left:0;}
.index05 .right .rr a{margin:0 auto;}
.index05 .up{background-size:70%;right:0;bottom:-4%;}
}
/*底部*/
.index06{width:100%;overflow:hidden;background:url(../images/index18.jpg) no-repeat top center;background-size:cover;padding:5% 0 1% 0;}

.index06 .fot1{overflow:hidden;}

.index06 .fot1 .left , .index06 .fot1 .right{width:30%;float:left;overflow:hidden;}
 .index06 .fot1 .mid {width:40%;float:left;overflow:hidden;}
.fot1 .left .con{overflow:hidden;margin-top:6%;}

.fot1 .left .con p{color:#fff;text-indent:2em;margin-top:4%;}
.fot1 .left .con .c1{background:url(../images/index19.png) no-repeat top left;}
.fot1 .left .con .c2{background:url(../images/index20.png) no-repeat top left;}
.fot1 .left .con .c3{background:url(../images/index21.png) no-repeat top left;}
.fot1 .left .con .c3 span{display: block;text-indent: 5em;margin-top:2%;}

.fot1 .mid{overflow:hidden;}

.fot1 .mid .m1 , .fot1 .mid .m2{width:50%;float:left;padding-left:10%;}
.fot1 .ts{margin-bottom:9%;}
.fot1 .ts b{display:inline-block;font-size:1rem;color:#fff;border-bottom:3px solid #0073d3;padding-bottom:4%;}
.fot1 .mid ul{overflow:hidden}
.fot1 .mid li{overflow:hidden;margin-bottom:4%;}
.fot1 .mid li a{color:#fff;text-decoration:none; }
.fot1 .mid li a:hover{color:#0073d3;text-decoration:none;}




.index06 .link{margin:2% 0;overflow:hidden;}
.link span{color:#a9a9a9;}
.link  a{display:inline-block;color:#a9a9a9;text-decoration:none;margin:0 0.2%;}
.link a:hover , .index06 .fot2 span a:hover{text-decoration:none;color:#0073d3;}


.index06 .fot2{overflow:hidden;}
.index06 .fot2 span{color: #fff;}
.index06 .fot2 span a{color: #fff; text-decoration: none;}
.index06 .fot2 .s1{float:left;}
.index06 .fot2 .s2{float:right;}


.fot1 .right .ts{margin-bottom:5%;}
.fot1 .right .ts b{padding-bottom:2%;}
.fot1 .right p{color:#fff;}
.foot .search{margin-top:5%;}
.foot .search-form {height: auto;overflow: hidden;}
.foot input.search-input {width: 80%;border-radius: 10px; border: none; font-size: 14px; padding: 6px 10px; background: #fff; height: 50px; outline: 0;}
.foot .search form button { color: #000; background: 0 0; border: none; padding: 0; margin-top:5%; line-height: normal;outline: 0; cursor: pointer; width:160px;  height: 50px; background-color: #0073d3;}
.foot .search form button span{color:#fff;font-size:0.8rem;margin-left: 4%;}

@media screen and (max-width: 883px) {
.fot1 .left .con .c3 span{text-indent:0;}

.foot input.search-input{width:100%;}

}

@media screen and (max-width: 810px) {
.index06 .fot2 span{    display: block;text-align: center;}
.index06 .fot2 .s1 , .index06 .fot2 .s2{float:none;}

}
@media screen and (max-width: 660px) {
.index06 .fot1 .left , .index06 .fot1 .mid{width:50%;}
.fot1 .left .con{margin-top:0;}
.fot1 .right .ts {margin-bottom: 1%;margin-top: 3%;}
.index06 .fot1 .right{width:100%;}
.foot .search { margin-top: 2%;}
.foot .search form button , .foot input.search-input{height:40px;}
}

@media screen and (max-width: 550px) {
.fot1 .left .con .c3 span {text-indent: 5em;}
.index06 .fot1 .left , .index06 .fot1 .mid{width:100%;}
.index06 .fot1 .mid{margin-top:2%;}
.fot1 .mid .m1, .fot1 .mid .m2{padding-left:0;width: 100%;}
.fot1 .mid li{display:inline-block;margin-bottom:1%;}
.fot1 .ts b{padding-bottom:2%;}
.fot1 .ts{margin-bottom:2%;}
}

.lfooter{display:none;}

#kefu {
  position: fixed;
  right: 1em;
  bottom: 20%;
  z-index: 999;
  width: 60px;
  height: 60px;
}
#kefu .topBtn {
  width: 60px;
  height: 60px;
  background-color: #0073d3;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  -webkit-animation: wobble 350ms  infinite;
  animation: wobble 350ms  infinite;
  background-image: url(../images/kf.png);
}
#kefu .topBtn:active {
  background: #0073d3;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url(../images/kf.png);
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
#kefu span {
  width: 60px;
  height: 60px;

  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
#kefu span.wechat {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  z-index: -1;
}
#kefu span.wechat:hover .eweima {
  display: block;
}
#kefu span.wechat .eweima {
  position: absolute;
  right: 0;
  bottom: 70px;
  padding: 10px;
  background: rgba(163, 163, 163, 0.8);
  width: 140px;
  height: 160px;
}
#kefu span.wechat .eweima img {
  width: 120px;
  height: 120px;
  display: block;
}
#kefu span.wechat .eweima small {
  padding-top: 10px;
  font-style: normal;
  font-style: 14px;
  text-align: center;
  color: #fff;
  display: block;
}
#kefu span.qq {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: -1;
  display:none;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
#kefu span.other:hover .tel {
  display: block;
}
#kefu span.other .tel {
  position: absolute;
  right: 70px;
  bottom: 0;
  width: 140px;
  height: 50px;
  line-height:50px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
}
#kefu span.other .tel dt {
font-family: "1";
    font-size: 1rem;
    color: #fff;
}
#kefu span.other .tel dd {
  font-size: 14px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
  background: #0073d3;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url(../images/kf.png);
}
#showKfList:checked ~ span.wechat {
  -webkit-transform: translate(0, -70px);
  transform: translate(0, -70px);
  background-color: #3cb035;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url(../images/wx.png);
}
#showKfList:checked ~ span.qq {
  -webkit-transform: translate(-70px, -70px);
  transform: translate(-70px, -70px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url(../images/qq.png);
  display:none;
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-70px, 0);
  transform: translate(-70px, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url(../images/dh.png);
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
}


@media screen and (max-width:460px) {

.index06 { margin-bottom: 40px;}
#kefu{display:none;}
.lfooter{display:block; max-width: 100%;position: fixed; height:40px;line-height:40px;bottom: 0px; left: 0;right: 0;margin: 0 auto;display: block; z-index: 99;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );}
.lfooter ul li { width: 50%;height: 100%; float: left; text-align: center;border-left:1px solid #ccc;}
.lfooter ul li:first-child{border-left:none;}

}